<ng-content select="[mat-list-avatar],[matListAvatar],[mat-list-icon],[matListIcon]"></ng-content>

<!-- If lines were explicitly given, use those as the text. -->
<ng-container *ngIf="lines.length">
  <span class="mdc-deprecated-list-item__text"><ng-content select="[mat-line],[matLine]"></ng-content></span>
</ng-container>

<!--
  If lines were not explicitly given, assume the remaining content is the text, otherwise assume it
  is an action that belongs in the "meta" section.
-->
<span [class.mdc-deprecated-list-item__text]="!lines.length"
      [class.mdc-deprecated-list-item__meta]="lines.length" #text>
  <ng-content></ng-content>
</span>

<ng-content select="mat-divider"></ng-content>

<!--
  Strong focus indicator element. MDC uses the `::before` pseudo element for the default
  focus/hover/selected state, so we need a separate element.
-->
<div class="mat-mdc-focus-indicator"></div>
